/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors')
function setRemParam(stap, start, total) {
  const param = {}
  for (let i = start; i < total; i = i + stap) {
    param['r' + i.toFixed(1)] = i.toFixed(1) + 'rem'
  }
  return param
}
const remParam = setRemParam(0.1, 0.1, 100)
module.exports = {
  purge: ['./components/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}'],
  content: [],
  theme: {
    colors: {
      ...colors,
      gray: {
        ...colors.gray,
        D2D1D1:'#D2D1D1',
        F4F6FB:'#F4F6FB'
      }, 
      ...{
        '252E51':'#252E51',
        '075bfd':'#075bfd',
        '7122cb':'#7122cb',
        '3b3dec':'#3b3dec',
        'D2D1D1':'#D2D1D1',
        '1F1A1B':'#1F1A1B'
      }
    },
    fontSize: {
      ...remParam,
    },
    extend: {
      width: {
        ...remParam,
      },
      padding: {
        ...remParam,
      },
      margin: {
        ...remParam,
      },
      height: {
        ...remParam,
      },
      borderRadius: {
        ...remParam,
      },
      lineHeight: {
        ...remParam,
      }, 
      inset: {
        ...remParam,
      }, 
      maxHeight:{
        ...remParam,
      }, 
      maxWidth:{
        ...remParam,
      },
      minHeight:{
        ...remParam,
      },
      minWidth:{
        ...remParam,
      }
    },

  },
  plugins: [],
}

